<template>
	<div id="app">
		<!-- <router-view /> -->
		<!-- 使用 keep-alive 包裹需要保持状态的组件 -->
		<keep-alive>
			<router-view v-if="$route.meta.keepAlive" />
		</keep-alive>
		<!-- 非缓存视图 -->
		<router-view v-if="!$route.meta.keepAlive" />
	</div>
</template>

<script>
	export default {
		name: 'app'
	}
</script>


<style>
	#app {
		font-family: 'Avenir', Helvetica, Arial, sans-serif;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		text-align: center;
		color: #000;
		background-color: #fff;
		margin: 0;
		padding: 0;
	}

	@media screen and (max-width:750px) {
		.ShsMessageBox {
			width: 80% !important;
		}
	}

	/* 返回的按钮 */
	.goBackButtonBox {
		font-size: 24px;
		font-weight: 500;
		display: inline-block;
		position: fixed;
		left: 0;
		top: 0;
		margin: 0;
		padding: 0 20px;
		z-index: 22;
		width: 100%;
		height: 40px;
		line-height: 40px;
		text-align: left;
		background-color: #fff;
	}

	.goBackButtonBox .item {
		width: 50px;
	}

	/* 预览图的播放按钮 */
	.viewer-play {
		display: none;
	}
</style>